<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">  
    <f:metadata>
        <f:event type="preRenderView" 
                 listener="#{recoleccionBean.validarAcceso}"/>
    </f:metadata>
    <ui:define name="cabecera">
        <title>Gestión de Recolecciones</title>
        <link rel="shortcut icon"  
              href="/resources/imagenes/favicon.ico" />
        <h:outputScript name="lenguaje.js" 
                        library="javascript"/>
    </ui:define>
    <ui:define name="contenido">
        <center>
            <!-- Tabla de Recolecciones -->
            <p:panel 
                id="tablaRecoleccionPnl" 
                header="Listado de Recolecciones"
                styleClass="contenido">
                <h:form id="tablaRecoleccionFrm">
                    <p:dataTable 
                        id="tablaRecoleccionDtb" 
                        emptyMessage="No hay registros disponibles."                        
                        var="recoleccion" 
                        filteredValue="#{recoleccionBean.listaEntidadesFiltradas}"
                        rowKey="#{recoleccion.codigorecoleccion}"
                        value="#{recoleccionBean.listaEntidades}"
                        rows="10"
                        paginator="true"
                        paginatorPosition="bottom" 
                        resizableColumns="true"
                        style="text-align: center">                       
                        <p:column 
                            headerText="Tipo" 
                            sortBy="#{recoleccion.tiporecoleccion}" 
                            filterBy="#{recoleccion.tiporecoleccion}" 
                            filterMatchMode="contains"
                            style="font-size: 110%">
                            <h:outputText 
                                value="#{recoleccion.tiporecoleccion == 'N' or
                                         recoleccion.tiporecoleccion == 'n'
                                        ? 'Nacional' : 'Internacional'}" />
                        </p:column>
                        <p:column headerText="Fecha" 
                                  sortBy="#{recoleccion.fecharecoleccion}" 
                                  filterBy="#{recoleccion.fecharecoleccion}" 
                                  filterMatchMode="contains"
                                  style="font-size: 110%">
                            <h:outputText 
                                value="#{recoleccion.fecharecoleccion}" >
                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                            </h:outputText>
                        </p:column>
                        <p:column headerText="Latitud" 
                                  filterBy="#{recoleccion.latitud}" 
                                  filterMatchMode="contains"
                                  style="font-size: 110%">
                            <h:outputText converter="coordenadaConverter" 
                                          value="#{recoleccion.latitud}" />
                        </p:column>
                        <p:column headerText="Longitud" 
                                  filterBy="#{recoleccion.longitud}" 
                                  filterMatchMode="contains"
                                  style="font-size: 110%">
                            <h:outputText converter="coordenadaConverter" 
                                          value="#{recoleccion.longitud}" />
                        </p:column>
                        <p:column headerText="Observaciones" 
                                  filterBy="#{recoleccion.observaciones}" 
                                  filterMatchMode="contains"
                                  style="font-size: 110%">
                            <div class="texto-largo">
                                <h:outputText value="#{recoleccion.observaciones}" />
                            </div>
                        </p:column>
                        
                        <p:column headerText="Estado"
                                  style="font-size: 110%"
                                  filterBy="#{recoleccion.habilitado == 'true' 
                                              ? 'Habilitado' 
                                              : 'Deshabilitado'}" 
                                              filterOptions="#{recoleccionBean.itemsEstado}">
                            <h:outputText value="#{recoleccion.habilitado == 'true' 
                                              ? 'Habilitado' 
                                              : 'Deshabilitado'}" />
                        </p:column>
                        <p:column headerText="Detalle"
                                  style="font-size: 110%">
                            <center>
                                <p:commandButton 
                                    id="detalleBtn" 
                                    icon="ui-icon-search"
                                    title="Ver" 
                                    type="button"
                                    update="@form"/>
                                <p:overlayPanel 
                                    id="detalleOpn"
                                    for="detalleBtn" 
                                    dynamic="true"
                                    appendToBody="true" 
                                    showEvent="mouseup" 
                                    hideEffect="fade" 
                                    hideEvent="mouseup">    
                                    <p:panel rendered="#{recoleccion.tiporecoleccion == 'N'}">                                          
                                        <p:dataTable 
                                            id="tableRecoleccionNacional" 
                                            var="nacional"  
                                            value="" 
                                            rows="1"
                                            style="text-align: center">  
                                                <p:column 
                                                    headerText="Altura (mt.)"
                                                    style="font-size: 110%">
                                                    <h:outputText 
                                                        value="#{recoleccionBean.castNacional(recoleccion).altura}"/> 
                                                </p:column>
                                                <p:column headerText="Temperatura (°C)"
                                                          style="font-size: 110%">
                                                    <h:outputText 
                                                        value="#{recoleccionBean.castNacional(recoleccion).temperatura}"/>
                                                </p:column>
                                                <p:column headerText="Recolector"
                                                          style="font-size: 110%">
                                                    <h:outputText 
                                                        value="#{recoleccionBean.castNacional(recoleccion).recolector.nombre}"/>
                                                </p:column>
                                                <p:column headerText="Recolector(es) Auxiliar(es)"
                                                          style="font-size: 110%">
                                                    <h:outputText 
                                                        value="#{recoleccionBean.castNacional(recoleccion).recolectorauxiliar}"/>
                                                </p:column>
                                                <p:column headerText="Equipo de Recolección"
                                                          style="font-size: 110%">
                                                    <h:outputText 
                                                        value="#{recoleccionBean.castNacional(recoleccion).equiporecoleccion}"/>
                                                </p:column>
                                                <p:column headerText="Ubicación"
                                                          style="font-size: 110%">
                                                    <h:outputText 
                                                        value="#{recoleccionBean.castNacional(recoleccion).zona.getUbicacion()}"/>
                                                </p:column>
                                        </p:dataTable>
                                </p:panel>
                                <p:panel rendered="#{recoleccion.tiporecoleccion == 'I'}">
                                    <p:dataTable id="tableRecoleccionInternacional" 
                                                 var="internacional"  
                                                 value="" 
                                                 rows="1"
                                                 style="text-align: center">  
                                            <p:column 
                                                headerText="País"
                                                style="font-size: 110%">
                                                 <h:outputText 
                                                     value="#{recoleccionBean.castInternacional(recoleccion).pais}"/> 
                                            </p:column>
                                            <p:column headerText="Distrito"
                                                      style="font-size: 110%">
                                                 <h:outputText 
                                                     value="#{recoleccionBean.castInternacional(recoleccion).distrito}"/>
                                            </p:column>
                                            <p:column headerText="Ciudad"
                                                      style="font-size: 110%">
                                                 <h:outputText 
                                                     value="#{recoleccionBean.castInternacional(recoleccion).ciudad}"/>
                                            </p:column>
                                            <p:column headerText="Donante"
                                                      style="font-size: 110%">
                                                 <h:outputText 
                                                     value="#{recoleccionBean.castInternacional(recoleccion).donante}"/>
                                            </p:column>
                                    </p:dataTable>
                                   </p:panel>     
                                </p:overlayPanel>
                            </center>
                        </p:column>   
                        <p:column 
                            headerText="Modificar"
                            style="font-size: 110%"
                            rendered="#{sesionBean.verificarPermiso('modificar','recoleccion')}">
                             <center>
                                 <p:commandButton 
                                     id="modificarBtn" 
                                     icon="ui-icon-pencil"
                                     title="Modificar" 
                                     actionListener="#{recoleccionBean.prepararModificacion(recoleccion)}"
                                                                     update=":guardarRecoleccionFrm:guardarRecoleccionWzd"
                                   oncomplete="guardarRecoleccionWgt.show()">
                                    <f:setPropertyActionListener 
                                        target="#{recoleccionBean.operacionActual}" 
                                        value="ACTUALIZACION" />
                                     <f:setPropertyActionListener 
                                         target="#{recoleccionBean.tipoRecoleccion}" 
                                         value="#{recoleccionBean.entidad.tiporecoleccion == 'N' 
                                                  ? 'NACIONAL' : 
                                                  'INTERNACIONAL'}" />
                                </p:commandButton>
                             </center>
                         </p:column>  
                        <p:column headerText="Eliminar"
                                  style="font-size: 110%"
                                  rendered="#{sesionBean.verificarPermiso('eliminar','recoleccion')}">
                             <center>
                                 <p:commandButton 
                                     id="eliminarBtn"
                                     title="Eliminar" 
                                     icon="ui-icon-trash"
                                     actionListener="#{recoleccionBean.prepararEliminacion(recoleccion)}"
                                     update="@form" 
                                     oncomplete="confirmacionWgt.show()">
                                    <f:setPropertyActionListener 
                                        target="#{recoleccionBean.operacionActual}" 
                                        value="ELIMINACION" />
                                </p:commandButton>
                             </center>
                         </p:column>  
                         <f:facet name="footer">
                               <p:commandButton 
                                   id="agregarBtn"                          
                                   icon="ui-icon-document"
                                   value="Nueva recolección"
                                   actionListener="#{recoleccionBean.prepararAdicion}"
                                   update=":guardarRecoleccionFrm:guardarRecoleccionWzd"
                                   oncomplete="guardarRecoleccionWgt.show()"
                                   style="float:left; font-size: 110%"
                                   rendered="#{sesionBean.verificarPermiso('agregar','recoleccion')}">
                                   <f:setPropertyActionListener 
                                       target="#{recoleccionBean.operacionActual}" 
                                       value="INSERCION" />
                               </p:commandButton>
                        </f:facet>                     
                    </p:dataTable>
                </h:form>
            </p:panel>        
        </center>
    </ui:define>
    <ui:define name="extra">
        <!-- Diálogo de inserción de recolección -->
        <p:dialog id="guardarRecoleccionDlg" 
                  widgetVar="guardarRecoleccionWgt"
                  header="Datos de Recolección"  
                  modal="true" 
                  resizable="false"
                  closable="false"
                  draggable="false"
                  style="font-size: 85%">
        <h:form id="guardarRecoleccionFrm"> 
            <p:messages id="mensaje" 
                            globalOnly="true" 
                            redisplay="false"
                            autoUpdate="true"/>
            <p:wizard id="guardarRecoleccionWzd" 
                      nextLabel="Siguiente"
                      widgetVar="recoleccionWgt" 
                      backLabel="Anterior"
                      showStepStatus="false"
                      flowListener="#{recoleccionBean.procesarFlujoAdicion}">   
                <p:tab id="guardarRecoleccionTab" 
                       title="Recolección">  
                    <p:panel id="guardarRecoleccionPnl">      
                        <h:panelGrid id="recoleccionPnl" 
                                     columns="3">  
                                <h:outputLabel for="tipoCmb" 
                                           value="Tipo de recolección: "
                                           style="font-size: 110%"/>
                            <p:selectOneRadio id="tipoCmb" 
                                              value="#{recoleccionBean.entidad.tiporecoleccion}"
                                              rendered="#{recoleccionBean.operacionActual == 'INSERCION'}"
                                              required="true"
                                              style="font-size: 110%">  
                                <f:selectItem itemLabel="Nacional" 
                                              itemValue="N"/>  
                                <f:selectItem itemLabel="Internacional" 
                                              itemValue="I"/>  
                                <p:ajax event="change"
                                        listener="#{recoleccionBean.actualizarTipoRecoleccion}" />
                            </p:selectOneRadio>
                            <h:outputLabel for="tipoCmb" 
                                           value="#{recoleccionBean.entidad.tiporecoleccion == 'N' 
                                                    ? 'Nacional' : 'Internacional'}" 
                                           rendered="#{recoleccionBean.operacionActual == 'ACTUALIZACION'}" 
                                           style="font-size: 110%"/>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="tipoCmb" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:tipoCmb')}">
                                    <p:message id="tipoMsg" 
                                               for="tipoCmb"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>
                        <h:outputLabel for="fecharecoleccionTxt" 
                                           value="Fecha:"
                                           style="font-size: 110%"/>
                            <p:calendar id="fecharecoleccionTxt" 
                                        value="#{recoleccionBean.entidad.fecharecoleccion}"
                                        title="Elija una fecha"
                                        pattern="dd/MM/yyyy"
                                        required="true"
                                        mode="popup"
                                        navigator="true" 
                                        mindate="01/01/1950"
                                        maxdate="today();" 
                                        yearRange="c-70"
                                        locale="es"/>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="fecharecoleccionTxt" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:fecharecoleccionTxt')}">
                                    <p:message id="fecharecoleccionMsg" 
                                               for="fecharecoleccionTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>     
                             <h:outputLabel for="latitudTxt" 
                                           value="Latitud:"
                                           style="font-size: 110%"/>
                            <p:inputMask id="latitudTxt" 
                                 value="#{recoleccionBean.entidad.latitud}"
                                 required="true"  mask="99?º99?\'99.9?\'\'a">
                                 <f:converter converterId="coordenadaConverter" />
                                 <f:attribute name="tipo" value="latitud" />
                            </p:inputMask>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="latitudTxt" 
                                            showEvent="focus" 
                                            hideEvent="blur" 
                                            rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:latitudTxt')}">
                                    <p:message id="latitudMsg" 
                                               for="latitudTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>  
                           <h:outputLabel for="longitudTxt" 
                                           value="Longitud:"
                                           style="font-size: 110%"/>
                            <p:inputMask id="longitudTxt" 
                                 value="#{recoleccionBean.entidad.longitud}"
                                 required="true"
                                                  mask="99?º99?\'99.9?\'\'a">
                                 <f:converter converterId="coordenadaConverter" />
                                 <f:attribute name="tipo" value="longitud" />
                            </p:inputMask>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="longitudTxt" 
                                           showEvent="focus" 
                                            hideEvent="blur" 
                                            rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:longitudTxt')}">
                                    <p:message id="longitudMsg" 
                                               for="longitudTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>             
                                                    <p:column>
                                    <h:outputLabel for="observacionesTxt" 
                                                   value="Observaciones:" 
                                                   style="font-size: 110%"/>
                                    <br/>
                                    <h:outputText id="contador" 
                                                  style="font-size: 80%"/>
                           </p:column>
                           <p:inputTextarea id="observacionesTxt" 
                                    value="#{recoleccionBean.entidad.observaciones}"
                                    autoResize="false"
                                    title="Opcional"
                                    counter="contador"
                                    counterTemplate="Restan {0} caracteres." 
                                    maxlength="1000"/>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="observacionesTxa" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:observacionesTxa')}">
                                    <p:message id="observacionesMsg" 
                                               for="observacionesTxa"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>
                        </h:panelGrid>
                    </p:panel>
                </p:tab>
                
                 <p:tab id="detalleTab" 
                       title="Detalle">  
                    <p:panel id="nacionalPnl"
                             rendered="#{recoleccionBean.tipoRecoleccion == 'NACIONAL'}">                  
                        <h:panelGrid columns="3">  
                            <h:outputLabel for="codigorecolectorCmb" 
                                           value="Nombre del recolector: " 
                                           style="font-size: 110%"/>
                            <p:selectOneMenu id="codigorecolectorCmb" 
                                             value="#{recoleccionBean.nacional.recolector}" 
                                             filter="true"
                                             filterMatchMode="contains"
                                             rendered="#{recoleccionBean.operacionActual == 'INSERCION'}"
                                             required="true">
                                <f:selectItem itemLabel="Seleccione..." 
                                              itemValue="" />
                                <f:selectItems value="#{recoleccionBean.itemsRecolectores}" />
                                <f:converter converterId="recolectorConverter" />                        
                            </p:selectOneMenu>
                            <p:outputLabel for="codigorecolectorCmb" 
                                           value="#{recoleccionBean.nacional.recolector.nombre}" 
                                           rendered="#{recoleccionBean.operacionActual == 'ACTUALIZACION'}" />
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="codigorecolectorCmb" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:codigorecolectorCmb')}">
                                    <p:message id="codigorecolectorMsg" 
                                               for="codigorecolectorCmb"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>     
                            <h:outputLabel for="temperaturaTxt" 
                                           value="Temperatura (°C): "
                                           style="font-size: 110%"/>
                            <p:inputText id="temperaturaTxt" 
                                         value="#{recoleccionBean.nacional.temperatura}"
                                         required="true">
                                 <f:attribute name="minimo" value="0" />
                                 <f:attribute name="maximo" value="100" />
                                 <f:validator validatorId="numeroValidator" />
                            </p:inputText>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="temperaturaTxt" 
                                           showEvent="focus" 
                                            hideEvent="blur" 
                                            rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:temperaturaTxt')}">
                                    <p:message id="temperaturaMsg" 
                                               for="temperaturaTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>   
                            <h:outputLabel for="alturaTxt" 
                                           value="Altura (mt.): "
                                           style="font-size: 110%"/>
                            <p:inputText id="alturaTxt" 
                                         value="#{recoleccionBean.nacional.altura}"
                                         required="true">
                                    <f:attribute name="minimo" value="0" />
                                    <f:validator validatorId="numeroValidator" />
                            </p:inputText>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="alturaTxt" 
                                           showEvent="focus" 
                                            hideEvent="blur" 
                                            rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:alturaTxt')}">
                                    <p:message id="alturaMsg" 
                                               for="alturaTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>  
                            <p:column>
                                    <h:outputLabel for="recolectorauxiliarTxa" 
                                                   value="Recolector(es) auxiliar(es): " 
                                                   style="font-size: 110%"/>
                                    <br/>
                                    <h:outputText id="recolectorauxiliarcontador" 
                                                  style="font-size: 80%"/>
                           </p:column>
                            <p:inputTextarea id="recolectorauxiliarTxa" 
                                             value="#{recoleccionBean.nacional.recolectorauxiliar}" 
                                             autoResize="false" 
                                             maxlength="500"
                                             title="Opcional"
                                             counter="recolectorauxiliarcontador"
                                             counterTemplate="Restan {0} caracteres." >
                            </p:inputTextarea>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="recolectorauxiliarTxa" 
                                            showEvent="focus" 
                                            hideEvent="blur" 
                                            rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:recolectorauxiliarTxa')}">
                                    <p:message id="recolectorauxiliarMsg" 
                                               for="recolectorauxiliarTxa"
                                               display="text" />
                                </p:tooltip>
                            </p:panel> 
                            <p:column>
                                    <h:outputLabel for="equiporecoleccionTxa" 
                                                   value="Equipo de recolección:" 
                                                   style="font-size: 110%" />
                                    <br/>
                                    <h:outputText id="equiporecoleccioncontador" 
                                                  style="font-size: 80%"/>
                           </p:column>
                            <p:inputTextarea id="equiporecoleccionTxa" 
                                             value="#{recoleccionBean.nacional.equiporecoleccion}" 
                                             autoResize="false" 
                                             maxlength="1000"
                                             required="true"
                                             title="Obligatorio"
                                             counter="equiporecoleccioncontador"
                                             counterTemplate="Restan {0} caracteres.">
                            </p:inputTextarea>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="equiporecoleccionTxa" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:equiporecoleccionTxa')}">
                                    <p:message id="equiporecoleccionMsg" 
                                               for="equiporecoleccionTxa"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>                          
                          
                            <h:outputLabel for="codigozonaCmb" 
                                           value="Zona: " 
                                           style="font-size: 110%"/>
                           <p:selectOneMenu id="codigozonaCmb" 
                                             value="#{recoleccionBean.nacional.zona}" 
                                             filter="true"
                                             filterMatchMode="contains"
                                             required="true"
                                             rendered="#{recoleccionBean.operacionActual == 'INSERCION'}">
                                <f:selectItem itemLabel="Seleccione..." itemValue="" />
                                <f:selectItems value="#{recoleccionBean.itemsZonas}" />
                                <f:converter converterId="zonaConverter" />                        
                            </p:selectOneMenu>
                            <h:outputLabel for="codigozonaCmb" 
                                           value="#{recoleccionBean.nacional.zona.getUbicacion()}" 
                                           rendered="#{recoleccionBean.operacionActual == 'ACTUALIZACION'}" />
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="codigozonaCmb" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:codigozonaCmb')}">
                                    <p:message id="codigozonaMsg" 
                                               for="codigozonaCmb"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>                             
                        </h:panelGrid>  
                    </p:panel>  
                    <p:panel id="internacionalPnl"
                             rendered="#{recoleccionBean.tipoRecoleccion == 'INTERNACIONAL'}">        
                        <h:panelGrid columns="3">  
                            <h:outputLabel for="paisTxt" 
                                           value="País: "
                                           style="font-size: 110%"/>
                            <p:inputText id="paisTxt" 
                                         value="#{recoleccionBean.internacional.pais}">
                                 <f:attribute name="regex" value="#{regex.textoobligatorio}" />
                                 <f:attribute name="formato" 
                                              value="Solo Caracteres" />
                                 <f:validator validatorId="regexValidator" />
                            </p:inputText>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="paisTxt" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:paisTxt')}">
                                    <p:message id="paisMsg" 
                                               for="paisTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>
                            <h:outputLabel for="distritoTxt" 
                                           value="Distrito: "
                                           style="font-size: 110%"/>
                            <p:inputText id="distritoTxt" 
                                         value="#{recoleccionBean.internacional.distrito}" >
                                 <f:attribute name="regex" value="#{regex.textoobligatorio}" />
                                 <f:attribute name="opcional" value="true" />
                                 <f:attribute name="formato" 
                                              value="Solo Caracteres" />
                                 <f:validator validatorId="regexValidator" />
                            </p:inputText>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="distritoTxt" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:distritoTxt')}">
                                    <p:message id="distritoMsg" 
                                               for="distritoTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel> 
                            <h:outputLabel for="ciudadTxt" 
                                           value="Ciudad:"
                                           style="font-size: 110%"/>
                            <p:inputText id="ciudadTxt" 
                                         value="#{recoleccionBean.internacional.ciudad}" >
                                 <f:attribute name="regex" value="#{regex.textoobligatorio}" />
                                 <f:attribute name="opcional" value="true" />
                                 <f:attribute name="formato" 
                                              value="Solo Caracteres" />
                                 <f:validator validatorId="regexValidator" />
                            </p:inputText>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="ciudadTxt" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:ciudadTxt')}">
                                    <p:message id="ciudadMsg" 
                                               for="ciudadTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>
                            <h:outputLabel for="donanteTxt" 
                                           value="Donante:"
                                           style="font-size: 110%"/>
                            <p:inputText id="donanteTxt" 
                                         value="#{recoleccionBean.internacional.donante}">
                                 <f:attribute name="regex" value="#{regex.textoobligatorio}" />
                                 <f:attribute name="formato" 
                                              value="Solo Caracteres" />
                                 <f:validator validatorId="regexValidator" />
                            </p:inputText>
                            <p:panel style="border:none; font-size: 85%">
                                <p:tooltip for="donanteTxt" 
                                           showEvent="focus" 
                                           hideEvent="blur" 
                                           rendered="#{recoleccionBean.tieneErrores('guardarRecoleccionFrm:donanteTxt')}">
                                    <p:message id="donanteMsg" 
                                               for="donanteTxt"
                                               display="text" />
                                </p:tooltip>
                            </p:panel>
                        </h:panelGrid>                       
                    </p:panel> 
                </p:tab> 
            </p:wizard>   
             <br/>
                <p:separator  />
                <br/>
             <p:commandButton 
                id="guardarBtn"
                value="Guardar" 
                icon="ui-icon-disk"
                actionListener="#{recoleccionBean.guardarEntidad}"
                update="@form, :tablaRecoleccionFrm:tablaRecoleccionDtb"
                oncomplete="if( !args.validationFailed ){
                recoleccionWgt.loadStep(recoleccionWgt.cfg.steps[0],true); 
                guardarRecoleccionWgt.hide()}"
                style="float:right; font-size: 85%"/>      
            <p:commandButton  
                actionListener="#{recoleccionBean.revertirCambios}"
                icon="ui-icon-cancel"
                onclick="guardarRecoleccionWgt.hide()" 
                value="Cancelar" 
                style="float:right; font-size: 85%"
                title="Cancelar"/>             
        </h:form> 
        </p:dialog>        
        <!-- Diálogo de modificación de recoleccion internacional -->
        <p:dialog id="modificarInternacionalDlg" 
                  widgetVar="modificarInternacionalWgt"
                  header="Actualización de recolección internacional"   
                  modal="true" 
                  resizable="false" 
                  width="400">
            <h:form id="modificarInternacionalFrm">
                <h:panelGrid columns="3">  
                    <p:outputLabel for="modPaisTxt" 
                                   value="País:"
                                   style="font-size: 110%"/>
                    <p:inputText id="modPaisTxt" 
                                 value="#{recoleccionBean.internacional.pais}" />
                    <p:panel style="border:none; font-size: 85%">
                        <p:tooltip for="modPaisTxt" 
                                   showEvent="focus" 
                                   hideEvent="blur" 
                                   rendered="#{recoleccionBean.tieneErrores('modificarInternacionalFrm:modPaisTxt')}">
                            <p:message id="modPaisMsg" 
                                       for="modPaisTxt"
                                       display="text" />
                        </p:tooltip>
                    </p:panel>
                    <p:outputLabel for="modDistritoTxt" 
                                   value="Distrito:"
                                   style="font-size: 110%"/>
                    <p:inputText id="modDistritoTxt" 
                                 value="#{recoleccionBean.internacional.distrito}" />
                    <p:panel style="border:none; font-size: 85%">
                        <p:tooltip for="modDistritoTxt" 
                                   showEvent="focus" 
                                   hideEvent="blur" 
                                   rendered="#{recoleccionBean.tieneErrores('modificarInternacionalFrm:modDistritoTxt')}">
                            <p:message id="modDistritoMsg" 
                                       for="modDistritoTxt"
                                       display="text" />
                        </p:tooltip>
                    </p:panel>
                    <p:outputLabel for="modCiudadTxt" 
                                   value="Ciudad:"
                                   style="font-size: 110%"/>
                    <p:inputText id="modCiudadTxt" 
                                 value="#{recoleccionBean.internacional.ciudad}" />
                    <p:panel style="border:none; font-size: 85%">
                        <p:tooltip for="modCiudadTxt" 
                                   showEvent="focus" 
                                   hideEvent="blur" 
                                   rendered="#{recoleccionBean.tieneErrores('modificarInternacionalFrm:modCiudadTxt')}">
                            <p:message id="modCiudadMsg" 
                                       for="modCiudadTxt"
                                       display="text" />
                        </p:tooltip>
                    </p:panel>        
                    <p:outputLabel for="modDonanteTxt" 
                                   value="Donante:"
                                   style="font-size: 110%"/>
                    <p:inputText id="modDonanteTxt" 
                                 value="#{recoleccionBean.internacional.donante}" />
                    <p:panel style="border:none; font-size: 85%">
                        <p:tooltip for="modDonanteTxt" 
                                   showEvent="focus" 
                                   hideEvent="blur" 
                                   rendered="#{recoleccionBean.tieneErrores('modificarInteracionalFrm:modDonanteTxt')}">
                            <p:message id="modDonanteMsg" 
                                       for="modDonanteTxt"
                                       display="text" />
                        </p:tooltip>
                    </p:panel>
                </h:panelGrid> 
                <br/>
                <p:separator  />
                <br/>
                <p:commandButton value="Guardar"
                                 style="float:right; font-size: 85%"
                                 icon="ui-icon-disk"
                                 actionListener="#{recoleccionBean.modificarRecoleccion}"
                                 update="@form,:tablaRecoleccionFrm:tablaRecoleccionDtb" 
                                 oncomplete="if ( !args.validationFailed ) 
                                 modificarInternacionalWgt.hide();" />           
                <p:commandButton value="Cancelar"
                                 style="float:right; font-size: 85%"
                                 icon="ui-icon-cancel"
                                 oncomplete="modificarInternacionalWgt.hide();" >
                    <f:setPropertyActionListener target="#{recoleccionBean.operacionActual}" 
                                                 value="NINGUNA" />
                </p:commandButton>  
            </h:form>
        </p:dialog>   
        <!-- Diálogo de confirmación de eliminación -->
        <p:confirmDialog id="confirmacionDlg" 
                         message="¿Está seguro que desea eliminar éste registro?" 
                         header="Eliminar Registro" 
                         widgetVar="confirmacionWgt" 
                         severity="alert"
                         width="300"
                         closable="false"
                         style="font-size: 85%">
            <h:form>
            <p:messages 
             id="mensajesMsg" 
             globalOnly="true" />
                    <p:commandButton value="Eliminar"
                                     actionListener="#{recoleccionBean.eliminarEntidad}"
                                     icon="ui-icon-disk"
                                     update="@form,:tablaRecoleccionFrm:tablaRecoleccionDtb"
                                     oncomplete="if ( !args.validationFailed ) confirmacionWgt.hide()"
                                     style="float:right; font-size: 85%"/>                 
                    <p:commandButton value="Cancelar"
                                     icon="ui-icon-cancel"
                                     update="@form"
                                     oncomplete="confirmacionWgt.hide()" 
                                     style="float:right; font-size: 85%">
                        <f:setPropertyActionListener target="#{recoleccionBean.operacionActual}" 
                                                     value="NINGUNA" />
                    </p:commandButton>  
            </h:form>
        </p:confirmDialog>
    </ui:define>
</ui:composition>